import { useImmerStore } from "@/store/immer";
import { Button } from "antd";
export default function TestDemo1() {
  console.log("testDemo1==>组件渲染");
  // 直接解构，多个组件用情况下，即使另一个组件没有用这个属性，一旦这里改变这个属性值，
  // 也会触发其他使用这个对象其他属性的组件重新渲染
  const { grounp, changeGroupOne } = useImmerStore();
  return (
    <div>
      <h1>testDemo1</h1>
      <p>one: {grounp.one}</p>
      <Button onClick={() => changeGroupOne("变化")}>改变One</Button>
    </div>
  );
}
